<div class="underlying">
  <div class="table">
    <div class="bbs">
      <!-- 料號或廠商無法識別！-->
      <span class="text" *ngIf="isShow">料號或廠商無法識別！</span>
      <div style="float: right;display: flex;">
        <!-- 上传 -->
        <div class="avatar">
          <div style="width: 100%;height: 100%;overflow: hidden;margin-left: 12px;">
            <input type="file" class="file" uploader="uploader" multiple (change)="handleChange($event)">
          </div>
        </div>
        <button class="btn_upload" (click)="upLoad()"></button>
        <!-- 下载文件 -->
        <button class="btn_download" (click)="downLoad()"></button>
      </div>
    </div>
    <!-- 头部Table -->
    <nz-table #headerTable
      style="border-collapse: collapse; border-radius: 4px 4px 0px 0px;"
      [nzData]="listOfData" class="designTable" [nzShowPagination]='false'
      [nzScroll]="{ y: '700px' }">
      <thead class="tableHeard" style="text-align: center !important;">
        <tr style="text-align: center !important;">
          <th nzWidth="150px">PR NO</th>
          <th nzWidth="150px">PO NO</th>
          <th nzWidth="100px">序號</th>
          <th nzWidth="150px">料號</th>
          <th nzWidth="100px">數量</th>
          <th nzWidth="100px">含稅單價</th>
          <th nzWidth="100px">廠商</th>
          <th nzWidth="100px">幣別</th>
          <th nzWidth="300px">卡口核放單號</th>
          <th nzWidth="200px">採購原因</th>
        </tr>
      </thead>
      <!-- 工联单Table -->
      <tbody class="tablecontent" style="border-left: 1px solid rgba(71,156,156,1) !important;">
        <!--  -->
        <tr id="first" *ngFor="let item of listOfData let key = index">
          <td>{{item.PR_NO}}</td>
          <td>{{item.PO_NO}}</td>
          <td>{{item.SN}}</td>
          <td>{{item.material_no}}</td>
          <td>{{item.quatity}}</td>
          <td>{{item.price}}</td>
          <td>{{item.manufacturer}}</td>
          <td>{{item.currency}}</td>
          <td>{{item.check_no}}</td>
          <td>{{item.reason}}</td>
        </tr>
      </tbody>
    </nz-table>
  </div>
</div>
